<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>按钮组</title> 
<style>
.button {
    background-color: #4CAF50; 
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;

    -webkit-transition-duration: 0.4s; 
    transition-duration: 0.4s;
    cursor: pointer;
}

.button1 {
    background-color: rgb(103, 195, 234); 
    color: black; 
    border: 0px solid #4CAF50;
}

.button1:hover {
    background-color: #4CAF50;
    color: white;
}


</style>
</head>
<body>
    <h3>按钮组</h3>
<table border="0" cellspacing="0">
    <tr>
        <td><button class="button button1">按钮</button></td>
        <td><button class="button button1">按钮</button></td>
        <td><button class="button button1">按钮</button></td>
        <td><button class="button button1">按钮</button></td>
        <td><button class="button button1">按钮</button></td>
    </tr>

</body>
</html>